<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欧斯塔克</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="assets/components/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/components/jquery.aniview/animate.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

<div class="container">
    <div class="main">
        <div id="head" class="item">
            <img src="./assets/img/pic-1_01.png" alt="" class="img-responsive">
            <div class="logo-box">
                <img src="./assets/img/logo.png" alt="" class="img-responsive">
            </div>
            <h1 class="title">坚持品质 合作新生</h1>
            <ul class="item-nav">
                <li><a data-scroll href="#insist">INSIST</a></li>
                <li><a data-scroll href="#quality">QUALITY</a></li>
                <li><a data-scroll href="#teamwork">TEAMWORK</a></li>
                <li><a data-scroll href="#customer">CUSTOMER</a></li>
                <li><a data-scroll href="#method">METHOD</a></li>
                <li><a data-scroll href="#experience">EXPERIECE</a></li>
                <li><a data-scroll href="#about">ABOUT</a></li>
            </ul>
        </div>
        <div id="insist" class="item">
            <img src="./assets/img/pic-1_03.jpg" alt="" class="img-responsive">
            <div class="text-box">
                <h1>坚持 INSIST</h1>
                <p>如多年前的誓言，永生不忘。</p>
                <div class="line"></div>
            </div>
        </div>
        <div id="quality" class="item">
            <img src="./assets/img/pic-1_04.jpg" alt="" class="img-responsive">
            <div class="text-box" style="color: #0d1939">
                <h1>品质 QUALITY</h1>
                <p>像老家的特产，牢记心中。</p>
                <div class="line"></div>
            </div>
        </div>
        <div id="teamwork" class="item">
            <img src="./assets/img/pic-1_05.jpg" alt="" class="img-responsive">


            <div class="text-box">
                <h1>合作 TEAMWORK</h1>
                <p>是互相的理解，相互共荣。</p>
                <div class="line"></div>
            </div>

            <div id="new">
                <h1>新生 REBIRTH</h1>
                <p>是孤注一掷的决心，</p>
                <p> 是满载而归的喜悦。</p>
                <div class="line"></div>
            </div>
        </div>
        <div id="customer" class="item">
            <img src="./assets/img/pic-1_06.jpg" alt="" class="img-responsive">
            <div class="text-box">
                <h1>客户故事 CUSTOMER</h1>
                <div class="line"></div>
            </div>
        </div>
        <div id="customer-item" class="item">
            <div class="row">
                <div class="col-sm-4">
                    <div class="box">
                        <div class="icon-box">
                            <img src="./assets/img/icon-1_03.png" alt="" class="img-responsive">
                        </div>
                        <p>10家线下门店</p>
                        <div class="box-content">
                            <!--<span class="text">阿拉啦啦啦啦啦</span>-->
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="box">
                        <div class="icon-box">
                            <img src="./assets/img/icon-2_03.png" alt="" class="img-responsive">
                        </div>
                        <p>多渠道线上销售</p>
                        <div class="box-content">
                            <!--<span class="text">阿拉啦啦啦啦啦</span>-->
                        </div>
                    </div>
                </div>
                <div class=" col-sm-4">
                    <div class="box">
                        <div class="icon-box">
                            <img src="./assets/img/icon-3_03.png" alt="" class="img-responsive">
                        </div>
                        <p>欧斯塔克技术提供</p>
                        <div class="box-content">
                            <!--<span class="text">阿拉啦啦啦啦啦</span>-->
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div id="method" class="item">
            <img src="./assets/img/pic-1_08.jpg" alt="" class="img-responsive">
            <div class="text-box">
                <h1>方法 METHOD</h1>
                <div class="line" style="margin-top: 15px"></div>
            </div>

            <ul class="animate-box">
                <li>
                    <div class="aniview" av-animation="fadeIn">
                        <img src="./assets/img/icon-8_03.png" alt="">
                        <p>多门店管理系统</p>
                    </div>

                </li>
                <li class=" jia ">
                    <div class="aniview" av-animation="fadeIn">
                        <span>+</span>
                    </div>

                </li>
                <li>
                    <div class="aniview" av-animation="fadeIn">
                        <img src="./assets/img/icon-9.png" alt="">
                        <p>综合电商管理系统</p>
                    </div>

                </li>
                <li class=" jia ">
                    <div class="aniview" av-animation="fadeIn">
                        <span>+</span>
                    </div>

                </li>
                <li>
                    <div class="aniview" av-animation="fadeIn">
                        <img src="./assets/img/icon-10.png" alt="">
                        <p>新营销系统</p>
                    </div>
                </li>
            </ul>

        </div>
        <div id="experience" class="item">
            <img src="./assets/img/pic-1_09.jpg" alt="" class="img-responsive">
            <div class="text-box">
                <h1>体验 EXPERIECE</h1>
                <div class="line" style="margin-top: 15px"></div>

            </div>
            <div class="video-box">
                <div class="video">
                    <!--视频区-->
                </div>
            </div>
            <div class="video-btn">
                <img src="./assets/img/icon-5_03.png" alt="" class="img-responsive">
            </div>
        </div>
        <div id="about" class="item">
            <div class="img-box">
                <img src="./assets/img/pic-people_03.png" alt="" class="img-responsive">
            </div>
            <div class="text-box" style="color: #0d1939">
                <h1>关于我们 ABOUT</h1>
                <p>欧斯塔克(上海)网络技术发展有限公司</p>
                <p>上海市闵行区浦江镇恒南路851号1133室</p>
                <div class="line"></div>
            </div>
        </div>
        <p>

            ©2018-2020 欧斯塔克（上海）网络技术发展有限公司 / 欧斯塔克技术 / 沪ICP备16029547号-2 /
        </p>
    </div>
</div>
<script src="assets/components/jquery-1.12.0/jquery-1.12.0.min.js"></script>
<script src="assets/components/smooth-scroll/smooth-scroll.min.js"></script>
<script src="assets/components/jquery.aniview/jquery.aniview.min.js"></script>

<script type="text/javascript">
    $(function () {
        smoothScroll.init();
        $('.aniview').AniView();
    })

</script>
</body>
</html>